<template>
  <div>
    <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-media" v-for="(item, index) in newsList" :key="index">
        <router-link :to="'/home/newsInfo/'+item.id">
          <img :src="item.img_url" class="mui-media-object mui-pull-left">
          <div class="mui-media-body">
            <h3>{{item.title}}</h3>
            <p class="mui-ellipsis">
              <span>发表时间:{{item.add_time|timeFormat}}</span>
              <span>点击次数:{{item.click}}次</span>
            </p>
          </div>
        </router-link>
      </li>
      
    </ul>
  </div>
</template>
<script>
export default {
    data() {
        return {
            newsList:[]
        }
    },
    methods: {
        getNewsList(){
            this.$http.get('api/getnewslist').then(function(res){
                if(res.body.status==0){
                    this.newsList=res.body.message
                }
            })
        },
      
    },
    created() {
        this.getNewsList()
    },
};
</script>   
<style lang="scss" scoped>
.mui-table-view .mui-media, .mui-table-view .mui-media-body{
   h3{font-size: 14px;} 
   .mui-ellipsis{display: flex;justify-content: space-between;color: #226aff;font-size: 12px;}
}
</style>
